<!-- 父组件 -->
<script setup>
//引入子组件
import ChildCom from './ChildCom.vue'
import { ref } from 'vue'
// const authString = ref('park:building:list')

//定义回调的事件
// const sonMsg = ref('')
const count = ref(100)

const addCount = () => {
  count.value++
}

// const getMessage = (msg) => {
//   console.log('父组件收到子组件的信息：',msg);

//   sonMsg.value = msg
// }
defineExpose({
  count,
  addCount
})

</script>


<template>
  <div class="parent">
    <!-- <div>我是父组件:{{ sonMsg }}</div> -->
<!-- <ChildCom authString="park:building:list"></ChildCom> -->
 <!-- 绑定自定义事件 -->
  <div>ParentCom.vue {{ count }}</div>
<!-- <ChildCom :authString="authStr" @get-message="getMessage"></ChildCom> -->
  </div>
</template>


<style lang="scss" scoped>
.parent{
  width: 300px;
  height: 300px;
  border: 1px solid red;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

</style>